/**
 * 公共头部
 * 相关的样式
 */


/**
 * 所有公用的样式
 * 相关的样式
 */


/* 文字基本颜色 */
/* .layui-carousel>[carousel-item]:before {
    content: ''
} */
.we-nav__logo {
    margin-top: 10px;
}

.layui-nav {
    width: 400px;
}

.layui-table-grid-down {
    opacity: 0;
}

.layui-border-box,
.layui-border-box * {
    cursor: pointer;
}

.layui-badge-rim,
.layui-colla-content,
.layui-colla-item,
.layui-collapse,
.layui-elem-field,
.layui-form-pane .layui-form-item[pane],
.layui-form-pane .layui-form-label,
.layui-input,
.layui-layedit,
.layui-layedit-tool,
.layui-quote-nm,
.layui-select,
.layui-tab-bar,
.layui-tab-card,
.layui-tab-title,
.layui-tab-title .layui-this:after,
.layui-textarea {
    border-color: #999999;
}

.layui-table,
.layui-table-view {
    margin: 0;
}

.layui-main {
    width : 1172px;
    margin: 0 auto;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

a {
    color: #999999;
}

a:hover {
    color: rgb(60,171,255);
}

.we-flex {
    display: -webkit-flex;
    /* Safari */
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
    align-items    : center;
}


.head_banner {
    width  : 1172px;
    height : 112px;
    display: block;
    margin : 10px auto;
}

.we-focus {
    margin  : 10px auto;
    clear   : both;
    overflow: hidden;
}

.we-focus__slide {
    width       : 290px;
    margin-right: 10px;
    float       : left;
}

.we-focus__list {
    width           : 290px;
    box-sizing      : border-box;
    background-color: #ffffff;
    border          : 1px solid #e0e0e0;
    padding         : 20px 20px 0 20px;
}

.we-focus__list-title .title-main {
    font-size    : 22px;
    font-weight  : 600;
    color        : #000000;
    height       : 40px;
    line-height  : 40px;
    border-bottom: 1px solid #666666;
    margin-bottom: 16px;
}

.we-focus__list-title .title-main img {
    width         : 24px;
    height        : 24px;
    vertical-align: -2px;
}

.we-focus__list-title .title-main a.more {
    float      : right;
    font-size  : 14px;
    font-weight: 600;
    color      : #999999;
}

.we-focus__list-title .title-main a:hover {
    color: rgb(60,171,255);
}

.we-focus__list .book-list li {
    clear: both;
}

.we-focus__list .book-list li .book-index {
    width      : 28px;
    height     : 32px;
    line-height: 32px;
    color      : #999999;
    text-align : center;
}

.we-focus__list .book-list li .book-info {
    width        : calc(100% - 32px);
    height       : 32.4px;
    line-height  : 30px;
    border-bottom: 1px solid #f0f0f0;
    padding      : 4px 0;
    position     : relative;
}
.we-focus__list .book-list li:nth-last-of-type(1) .book-info {
    border:none;
}

.we-focus__list .book-list li .book-info a.name {
    width:144px;
    overflow     : hidden;
    height       : 31px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    color        : #1a1a1a;
}

.we-focus__list .book-list li .book-info a:hover {
    color: rgb(60,171,255);
}

.we-focus__list .book-list li .book-info h3 a {
    display    : inline-block;
    width      : 192px;
    height     : 17px;
    line-height: 12px;
    color      : #333333;
}
.we-focus__list .book-list li.unfold .book-info h3 a{
    width: 144px;
}

.we-focus__list .book-list li .book-info .total {
    position: absolute;
    right   : 10px;
    color   : #999999;
}

.we-focus__list .book-list li.unfold {
    zoom         : 1;
    height       : auto;
    margin-bottom: -1px;
}

.we-focus__list .book-list li.unfold .book-index {
    height: 90px;
}

.we-focus__list .book-list li.unfold .book-info {
    height: auto;
}

.we-focus__list .book-list li.unfold .book-info__cover {
    width       : 67px;
    height      : 90px;
    margin-top  : -3px;
    margin-right: 8px;
    text-align  : center;
}

.we-focus__list .book-list li.unfold .book-info__cover .link {
    display: inline-block;
}

.we-focus__list .book-list li.unfold .book-info__cover .link img {
    display: inline-block;
    width  : 100%;
    height : auto;
    border : 1px solid #E0E0E0;
}

.we-focus__list .book-list li.unfold .book-info__text {
    vertical-align: top;
    width         : calc(100% - 80px);
    height        : 90px;
    position      : relative;
}

.we-focus__list .book-list li.unfold .book-info__text .author {
    color: #999999;
}

.we-focus__list .book-list li.unfold .book-info__text .total {
    position: absolute;
    bottom  : 0;
    left    : 0;
    color   : rgb(60,171,255);
}

.we-focus__writer {
    width      : 250px;
    height     : 550px;
    box-sizing : border-box;
    border     : 1px solid #e0e0e0;
    padding    : 8px 10px 10px;
    margin-left: 10px;
    overflow   : hidden;
    float      : left;
}

.we-focus__writer-title {
    font-size     : 18px;
    font-weight   : 600;
    color         : #333333;
    text-align    : center;
    vertical-align: middle;
    padding-bottom: 10px;
    margin        : 0 auto;
    position      : relative;
}

.we-focus__writer-title:after {
    content: "";
    display: block;
    width: 158px;
    height: 1px;
    background-color: #333333;
    position: absolute;
    left: calc(50% - 78px);
    bottom: 0;
}

.we-focus__writer-title img {
    display: inline-block;
}

.we-focus__writer-info {
    margin-top    : 14px;
    border-bottom : 1px solid #E0E0E0;
    padding-bottom: 12px;
}
.we-focus__writer-info:nth-last-of-type(1){
    border:none;
}
.we-focus__writer-info .cover {
    float       : left;
    width       : 70px;
    height      : 94px;
    margin-right: 20px;
}

.we-focus__writer-info .cover img {
    width     : 100%;
    height    : auto;
    margin    : 0 auto;
    display   : block;
    box-shadow: 0px 0px 7px 0px rgba(54, 54, 54, 0.61);
    cursor    : pointer;
}


.we-focus__writer-info .tags {
    float     : left;
    width     : 196px;
    overflow  : hidden;
    margin-top: 20px;
}

.we-focus__writer-info .author,
.we-focus__writer-info .tags,
.we-focus__writer-info .bookname a {
    width: 180px;
    color: #333333;
}

.we-focus__writer-info .tags .layui-badge-rim {
    font-size       : 12px;
    font-weight     : 500;
    color           : #999999;
    background-color: transparent;
    border-color    : #c0c0c0;
}

.we-focus__writer-info .author {
    line-height  : 16px;
    font-size    : 16px;
    font-family  : PingFangSC-Semibold;
    font-weight  : 600;
    color        : rgba(0, 0, 0, 1);
    margin-bottom: 19px;
}

.we-focus__writer-info .author img {
    width         : 20px;
    height        : 20px;
    margin-right  : 10px;
    vertical-align: bottom;
}

.we-focus__writer-info .bookname {
    color      : #333333;
    font-size  : 16px;
    font-weight: 600;
}

.we-focus__writer-info .author_ {
    font-size  : 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color      : rgba(102, 102, 102, 1);
    line-height: 21px;
    margin-top : 6px;
}

.we-focus__writer-info .desc {
    font-size  : 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color      : rgba(102, 102, 102, 1);
    line-height: 21px;
}

.we-focus__writer-info .num {
    font-size  : 13px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color      : rgba(0, 0, 0, 1);
    line-height: 21px;
    margin-top : 9px;

}

.we-focus__main {
    width: 612px;
    float: left;
}

.we-focus__carousel {
    cursor: pointer;
    height:258px;
}
.we-focus__carousel .imgBuffer{
    width:612px;
    height:268px;
    line-height: 268px;
    text-align:center;
}
.we-focus__carousel .carousel-item {
    position: relative;
}

.we-focus__carousel  img {
    height: auto;
    width : 612px;
}

.we-focus__carousel .carousel-item__text {
    position        : absolute;
    left            : 0;
    right           : 0;
    bottom          : 0;
    height          : 30px;
    line-height     : 30px;
    background-color: rgba(0, 0, 0, 0.5);
    color           : #ffffff;
    padding         : 0 10px;
}

.we-focus__carousel .carousel-item__text p {
    width: 640px;
}

.we-focus__carousel .layui-carousel-ind {
    width     : 741px;
    text-align: right;
    top       : -32px;
}

.we-focus__carousel .layui-carousel-ind ul {
    background-color: transparent;
    margin-right: 127px;
    margin-top: 5px;
    width: 150px;
    height: 24px;
}

.we-focus__carousel .layui-carousel-ind li {
    width     : 12px;
    height    : 14px;
    margin    : 0 8px;
    /*background: url("/resources/images/icon_indicator_grey.png") no-repeat center center;*/
    border    : none;
}

.we-focus__carousel .layui-carousel-ind li.layui-this {
    /*background-image: url("/resources/images/icon_indicator_hover.png");*/
}

.we-focus__notice {
    width      : auto;
    height     : 30px;
    line-height: 30px;
    margin     : 10px auto;
    padding    : 0 20px;
}

.we-focus__notice img {
    display       : inline-block;
    width         : 17px;
    height        : 14px;
    vertical-align: 16px;
    margin-right  : 8px;
}

.we-focus__notice em {
    font-size     : 14px;
    color         : rgb(60,171,255);
    display       : inline-block;
    line-height   : 30px;
    vertical-align: top;
    margin-right  : 8px;
}

.we-focus__notice .notice {
    display         : inline-block;
    color           : #010101;
    background-color: transparent;
}

.we-focus__notice .notice span {
    margin-right: 8px;
}

.we-focus__notice .notice>[carousel-item]>* {
    background-color: transparent;
}

.we-focus__book {
    background-color: #fcfcfc;
    border          : 1px solid #e0e0e0;
    overflow        : hidden;
    height:231px;
}

.we-focus__book-item {
    padding   : 0 0 0 24px;
    margin    : 11px 0;
    width     : 50%;
    box-sizing: border-box;
    float     : left;
}

.we-focus__book-item h3 {
    font-size  : 16px;
    font-weight: 500;
    color      : rgb(60,171,255);
    line-height: 27px;
}


/* .we-focus__book-item~.we-focus__book-item {
    border-left: 1px solid #f0f0f0;
} */

.we-focus__book-list li {
    height   : 34px;
    font-size: 14px;
}

.we-focus__book-list li a {
    display    : block;
    line-height: 54px;
}

.we-focus__book-list li a>* {
    display       : inline-block;
    vertical-align: middle;
}

.we-focus__book-list li a .type {
    color       : #999999;
    margin-right: 10px;
}

.we-focus__book-list li a .name {
    color    : #000000;
    max-width: 198px;
    height: 54px;
    overflow: hidden;
}
.layui-badge{
    width: auto;
    padding: 0 4px;
    font-size: 12px;
    color: white;
    background: rgb(60,171,255);
    border-radius: 8px 8px 8px 0;
    text-align: center;
    transform: scale(0.8);
    display: inline-block!important;
}

.zuixin {
    background: #2EC200;
}

.we-focus__book-list li a:hover .name {
    color: rgb(60,171,255);
}

.we-title {
    font-size  : 22px;
    font-weight: 600;
    position   : relative;
}

.we-title h3 {
    display         : inline-block;
    padding         : 0 20px;
    line-height     : 48px;
    border-radius   : 8px 8px 0px 0;
    background-color: rgb(60,171,255);
    color           : #ffffff;
}

.we-title h3 img {
    width          : 30px;
    height         : 30px;
    vertical-align : text-bottom;
    /* margin-right: -10px; */
}

.we-two {
    margin: 23px auto;
}

.recs {
    width      : 100%;
    height     : 300px;
    border-top : 1px solid rgb(60,171,255);
    padding-top: 23px;
}

.recs .list {
    float: left;
    width: 924px;
}


.recs .list li {
    margin-right : 23px;
    float        : left;
    margin-bottom: 38px;
    position     : relative;
}


.recs .list li .score {
    text-align   : center;
    position     : absolute;
    top          : 4px;
    left         : 1px;
    width        : 36px;
    height       : 14px;
    background   : rgb(60,171,255);
    box-shadow   : 0px 2px 3px 0px rgba(130, 22, 0, 0.42);
    border-radius: 0px 2px 2px 0px;
    line-height  : 14px;
    font-size    : 12px;
    font-family  : PingFangSC-Semibold;
    font-weight  : 600;
    color        : rgba(255, 255, 255, 1);
    box-shadow   : 0px 2px 3px 0px rgba(130, 22, 0, 0.42);
    border-radius: 0px 2px 2px 0px;
}

.recs .list .listCover {
    width     : 80px;
    height    : 108px;
    box-shadow: 0px 0px 7px 0px rgba(54, 54, 54, 0.61);
    display   : block;
    float     : left;
    cursor    : pointer;
}

.recs .list .cont {
    margin-left: 21px;
    float: left;
    cursor: pointer;
}

.recs .list .cont h1 {
    line-height: 16px;
    font-size  : 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color      : rgba(0, 0, 0, 1);
    margin-top:4px;
}

.recs .list .cont h2 {
    width      : 183px;
    height     : 51px;
    font-size  : 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color      : rgba(0, 0, 0, 1);
    line-height: 17px;
    margin-top : 10px;
}

.recs .list .cont .btm {
    width      : 183px;
    height:20px;
    line-height: 30px;
    font-size  : 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color      : rgba(0, 0, 0, 1);
    line-height: 17px;
    margin-top : 12px;
    float      : left;
}

.recs .list .cont .btm .btmLeft {
    width              : 52px;
    height             : 14px;
    padding-left       : 23px;
    font-size          : 14px;
    font-family        : PingFangSC-Semibold;
    font-weight        : 600;
    color              : rgb(60,171,255);
    background         : url(/images/icon_iview_red.png) no-repeat;
    background-size    : 15px 11px;
    background-position: 0 3px;
    float              : left;
}

.recs .list .cont .btm .btmRight {
    float        : right;
    width        : 54px;
    height       : 18px;
    border       : 1px solid rgba(192, 192, 192, 1);
    border-radius: 2px;
    line-height  : 18px;
    font-size    : 12px;
    font-family  : PingFangSC-Medium;
    font-weight  : 500;
    color        : rgba(153, 153, 153, 1);
    text-align:center;
    margin-top:-3px;
}

.recs_col {
    width           : 248px;
    height:412px;
    box-sizing      : border-box;
    background-color: #ffffff;
    border          : 1px solid #e0e0e0;
    padding         : 20px 0 0 12px;
    float           : left;
}

.recs_col .we-focus__list-title .title-main {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    height: 31px;
    width:225px;
    line-height: 20px;
    border-bottom: 1px solid #666666;
    margin-bottom: 8px;
}

.recs_col .we-focus__list-title .title-main img {
    width         : 24px;
    height        : 24px;
    vertical-align: -2px;
}

.recs_col .we-focus__list-title .title-main a.more {
    float      : right;
    font-size  : 14px;
    font-weight: 600;
    color      : #999999;
}

.recs_col .we-focus__list-title .title-main a:hover {
    color: rgb(60,171,255);
}

.recs_col .book-list li {
    clear : both;
    height: 34px;
    width:225px;
    border-bottom:1px solid #f0f0f0;
}

.recs_col .book-list li .book-index {
    width      : 16px;
    height     : 16px;
    line-height: 16px;
    color      : #999999;
    text-align : center;
    margin-top : -1px;
}

.recs_col .book-list li .no1 {
    background: rgba(191, 44, 35, 1);
    color     : white;
}

.recs_col .book-list li .no2 {
    background: rgba(230, 114, 36, 1);
    color     : white;
}

.recs_col .book-list li .no3 {
    background: rgba(230, 192, 37, 1);
    color     : white;
}

.recs_col .book-list li .book-info {
    width        : calc(100% - 32px);
    height       : 30px;
    line-height  : 30px;
    padding      : 4px 0;
    position     : relative;
    box-sizing   : border-box;
}
.recs_col .book-list li:nth-last-of-type(1) {
border:none;
}
.recs_col .book-list li .book-info a.name {
    overflow     : hidden;
    height       : 31px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    color        : #1a1a1a;
    margin-left  : -9px;
}

.recs_col .book-list li .book-info a:hover {
    color: rgb(60,171,255);
}

.recs_col .book-list li .book-info h3 a {
    display    : inline-block;
    width      : 192px;
    height     : 17px;
    line-height: 12px;
    color      : #333333;
}

.recs_col .book-list li .book-info .total {
    position: absolute;
    right   : 3px;
    color   : #999999;
}


.we-banner {
    clear : both;
    margin: 0 auto 30px;
}

.we-banner img {
    max-width: 100%;
    height   : auto;
}

.we-recom {
    clear : both;
    margin: 30px auto;
}

.we-recom__container {
    background-color: #f8f8f8;
    padding-bottom  : 20px;
    padding         : 12px 0;
    border          : 1px solid rgb(60,171,255);
}

.we-recom__container .recom-list {
    position    : relative;
    z-index     : 1;
    float       : left;
    width       : 292px;
    padding     : 0 36px 0 36px;
    border-right: 1px solid #f0f0f0;
    box-sizing  : border-box;
}

.we-recom__container .recom-list.br0 {
    border: none;
}
.we-recom__container .recom-list:nth-last-of-type(1) {
    border: none;
}
.we-recom__container .recom-list .recom-title {
    position   : relative;
    font-size  : 16px;
    color      : rgb(60,171,255);
    line-height: 40px;
    padding    : 0 10px;
    margin-top : 10px;
}

.we-recom__container .recom-list .recom-title:before {
    content         : '';
    position        : absolute;
    left            : 0;
    top             : 12px;
    width           : 2px;
    height          : 16px;
    background-color: rgb(60,171,255);
}

.we-recom__container .recom-list .book-list li {
    font-size    : 14px;
    padding      : 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.we-recom__container .recom-list .book-list li a {
    display    : block;
    line-height: 24px;
}

.we-recom__container .recom-list .book-list li a>* {
    display       : inline-block;
    vertical-align: middle;
}

.we-recom__container .recom-list .book-list li .booktype {
    color       : #999999;
    margin-right: 10px;
}

.we-recom__container .recom-list .book-list li .bookname {
    color: #000000;
    max-width: 103px;
}
.we-recom__container .recom-list .book-list li .bookelip {
    color: #000000;
    height: 24px;
    max-width: 140px;
}

.we-recom__container .recom-list .book-list li .bookname:hover {
    color: rgb(60,171,255);
}

.we-recom__container .recom-list .book-list li .badge {
    background-color: rgb(60,171,255);
    font-size       : 12px;
}

.we-recom__container .recom-list .book-list li.unfold {
    zoom         : 1;
    height       : 114px;
    margin-bottom: -1px;
    padding      : 15px 0;
    border-color : #333333;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-cover {
    width       : 74px;
    height      : 100px;
    float       : left;
    margin-right: 10px;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-cover img {
    width : 100%;
    height: auto;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info {
    width: calc(100% - 85px);
    float: left;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info h3 a {
    display       : inline-block;
    font-size     : 16px;
    font-weight   : 500;
    color         : #333333;
    line-height   : 20px;
    padding-bottom: 20px;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info h3 a:hover {
    color: rgb(60,171,255)
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info .brief {
    font-size         : 12px;
    line-height       : 20px;
    height            : 40px;
    color             : #000000;
    width             : 100%;
    white-space       : normal;
    text-overflow     : ellipsis;
    word-wrap         : break-word;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow          : hidden;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info .brief:hover {
    color: rgb(60,171,255)
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info .author {
    margin-top: 6px;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info .author a {
    font-size  : 12px;
    line-height: 1.5;
    color      : #999999;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info .author .writer {
    float: left;
}

.we-recom__container .recom-list .book-list li.unfold .book-wrap .book-info .author .type {
    float        : right;
    border       : 1px solid #c0c0c0;
    border-radius: 2px;
    padding:0 4px;
}

.we-update .layui-table-view,
.we-update,
.we-update .layui-table-view .layui-table[lay-skin=line] {
    border: none;
}

.we-update .layui-table-header {
    background-color: white !important;
    border-top      : 1px solid rgb(60,171,255);
    border-bottom   : 1px solid #F0F0F0;
}

.layui-table thead tr,
.layui-table-click,
.layui-table-header,
.layui-table-mend,
.layui-table-patch,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr,
.layui-table[lay-even] tr:nth-child(even) {
    background-color: white !important;
}

.we-update .textc3 {
    color: #333333;
}

.we-update .textc6 {
    color: #666666;
}

.we-update .textc9 {
    color: #999999;
}

.we-update tbody tr td:nth-of-type(2),
td:nth-of-type(3) {
    color: #333333;
}

.we-update .novelName {
    display: inline-block;
}

.we-update table a {
    color: #333333;
}

.we-update table a:hover {
    color: rgb(60,171,255);
}

.navTop {
    width  : 42px;
    height : 42px;
    display: none;
    /* 默认隐藏 */
    position: fixed;
    bottom  : 20px;
    right   : 30px;
    z-index : 99;
    border  : none;
    outline : none;
    color   : white;
    /* 文本颜色 */
    cursor       : pointer;
    padding      : 15px;
    border-radius: 10px;
    /* 圆角 */
}

.navTop:hover {
    opacity: 0.85;
}